<div id="divReporteAreas">
    <script src="js/Reportes/reporteAreas.js"></script>
    <center>
        <table width="70%" border='0'>
            <tr>
                <td align='center'>
                    <br/>
                    <div id='divTitulo'>REPORTE ESTADISTICO DE AREAS</div>
                </td>
            </tr>
            <tr><td><hr class='dots'></td></tr>
            <tr>
                <td align="center" style="width: 70%">
                    <table border="0" style='width:50%; border: 1px solid #DFD4D4; border-radius: 5px;'>
                        <tr>
                            <td style="height: 20px;"></td>
                            <td rowspan="6" align="center">
                                <hr style="height: 140px; border: 1px solid #DFD4D4; border-radius: 5px;">
                            </td>
                            <td rowspan="6" align="center" >
                                <table style="border: 1px solid #DFD4D4; border-radius: 5px;">
                                    <tr>
                                        <td>
                                            <a href="#" id="btnGenerarRepArea">
                                                <img src="images/botones/reporte1.png">
                                            </a>
                                        </td>
                                    </tr>
                                </table>
                            </td>
                        </tr>
                        <tr>
                            <td class='textos' >
                                &nbsp;&nbsp; Desde :
                            </td>
                        </tr>
                        <tr>
                            <td>
                                &nbsp;&nbsp;<input type='text' id='txtDesdeRep'/>
                            </td>
                        </tr>
                        <tr>
                            <td class='textos' >
                                &nbsp;&nbsp; Hasta :
                            </td>
                        </tr>
                        <tr>
                            <td>
                                &nbsp;&nbsp;<input type='text' id='textHastaRep'/>
                            </td>
                        </tr>
                        <tr>
                            <td style="height: 20px;"></td>
                        </tr>
                    </table>
                </td>
            </tr>
            <tr><td><hr class='dots'></td></tr>
<!--            <tr>
                <td align="center">
                    <button style="width: 20%;" class='botones' id="btnGenrarRep">Generar Reporte</button>
                </td>
            </tr>-->
        </table>
    </center>
</div>